<template>
  <div>
    <h1>仅限于移动端</h1>
    体重
    <DLRuler :value="0" :min="-1000" :max="1000" :onChange="changeWeight"></DLRuler>
    <!-- 身高
    <DLRuler :value="60" :min="10" :max="100"></DLRuler>
    测试
    <DLRuler :value="5" :min="0" :max="50"></DLRuler> -->
  </div>

</template>
<script>
    import DLRuler from './components/DLRuler.vue';

    export default {
        components: {DLRuler},
        data: function () {
            return {}
        },
        computed: {},
        created: function () {

        },
        methods: {
            changeWeight(val) {
                console.log(((val/5)*2).toFixed(2));
            }
        }
    }
</script>
<style>

</style>
